<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
	<title>瓢城旅行社-移动端</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	

<header id="header">
	<nav class="link">
		<h2 class="none">网站导航</h2>
		<ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="information.html">资讯</a></li>
			<li class="active"><a href="ticket.html">票务</a></li>
			<li><a href="about.html">关于</a></li>
		</ul>
	</nav>
</header>

<div id="headline">
	<img src="img/headline.png" alt="">
	<hgroup>
		<h2>票务订购</h2>
		<h3>各种飞机票、火车票、汽车票和轮渡票的订购服务</h3>
	</hgroup>
</div>

<div class="list ticket">
	<form action="###">
		<h2>机票预定</h2>
		<fieldset class="type">
			<p>航程类型 <mark>单程</mark> 往返</p>
		</fieldset>
		<fieldset class="form">
			<p>
				<label for="from_city">出发城市</label>
				<input type="text" name="from_city" id="from_city" placeholder="城市名">
			</p>
			<p>
				<label for="to_city">返回城市</label>
				<input type="text" name="to_city" id="to_city" placeholder="城市名">
			</p>
		</fieldset>
		<fieldset class="form">
			<p>
				<label for="from_date">出发时间</label>
				<input type="text" name="from_date" id="from_date" placeholder="时间/日期">
			</p>
			<p>
				<label for="to_date">返回时间</label>
				<input type="text" name="to_date" id="to_date" placeholder="时间/日期">
			</p>
		</fieldset>
		<fieldset class="form">
			<p>
				<button type="submit" class="submit">订票</button>
			</p>
		</fieldset>
	</form>
	<div class="new">
		<h2>最新机票</h2>
		<ul>
			<li>热门城市：</li>
			<li>北京</li>
			<li>上海</li>
			<li>广州</li>
			<li>深圳</li>
			<li>重庆</li>
			<li>成都</li>
			<li>杭州</li>
			<li>南京</li>
		</ul>
		<table>
			<thead>
				<tr>
					<th>路线</th>
					<th>日期</th>
					<th>价格</th>
					<th class="min">税费</th>
					<th class="min">餐食</th>
					<th>航班</th>
					<th>预定</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>北京-成都</td>
					<td>10-15</td>
					<td class="price">¥745</td>
					<td class="min">¥50</td>
					<td class="min">有</td>
					<td>春秋航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-上海</td>
					<td>10-15</td>
					<td class="price">¥479</td>
					<td class="min">¥45</td>
					<td class="min">无</td>
					<td>南方航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-深圳</td>
					<td>10-15</td>
					<td class="price">¥561</td>
					<td class="min">¥52</td>
					<td class="min">有</td>
					<td>西部航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-杭州</td>
					<td>10-15</td>
					<td class="price">¥378</td>
					<td class="min">¥36</td>
					<td class="min">无</td>
					<td>天津航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-广州</td>
					<td>10-15</td>
					<td class="price">¥612</td>
					<td class="min">¥44</td>
					<td class="min">有</td>
					<td>首都航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-重庆</td>
					<td>10-15</td>
					<td class="price">¥428</td>
					<td class="min">¥62</td>
					<td class="min">有</td>
					<td>东方航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-昆明</td>
					<td>10-15</td>
					<td class="price">¥509</td>
					<td class="min">¥35</td>
					<td class="min">无</td>
					<td>厦门航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-厦门</td>
					<td>10-15</td>
					<td class="price">¥893</td>
					<td class="min">¥73</td>
					<td class="min">有</td>
					<td>深圳航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
				<tr>
					<td>北京-长沙</td>
					<td>10-15</td>
					<td class="price">¥663</td>
					<td class="min">¥46</td>
					<td class="min">无</td>
					<td>四川航空</td>
					<td><a href="###" class="reserve">预定</a></td>
				</tr>
			</tbody>
			<tfoot>
				<td colspan="7"><a href="###" class="more2">加载更多航班...</a></td>
			</tfoot>
		</table>
	</div>
</div>

<footer id="footer">
	<div class="top">
		客户端 | 触屏版 | 电脑版
	</div>
	<div class="bottom">
		Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号
	</div>
</footer>

</body>
</html>